<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>jsonp</h1>
    <button id="btn">发送jsonp请求</button>
    <!-- <script src="http://127.0.0.1:8550/getUser"></script> -->
    <script>
        /* 
        请求分为两大类:
            1.ajax请求
            2.浏览器请求  (浏览器请求就是在浏览器地址栏输入一个值点击enter跳转 img上的src请求图片地址 a标签href 这些都可以跨域      所以我们选用script标签来解决跨域问题)
        */
       function callback(data){
        console.log('callback执行了,参数是:',data);
       }
        const oBtn=document.getElementById('btn')

        let oScript=null;
        oBtn.onclick=function(){
            if(oScript){
                //删除某个元素
                //document.body.removeChild(oScript)
                oScript.remove()
            }
            oScript=document.createElement('script')
            oScript.src='http://127.0.0.1:8550/getUser?userId=001&cb=callback'
            document.body.appendChild(oScript)
        }
    </script>
</body>
</html>